<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>点菜排行榜</title>
    <link href="webjars/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="webjars/jquery/3.0.0/jquery.min.js"></script>
    <script src="webjars/popper.js"></script>
    <script src="webjars/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body>

<ul class="nav nav-tabs">
    <li class="nav-item">
        <a class="nav-link" href="/userinfo.html">个人首页</a>
    </li>
    <li class="nav-item">
        <a class="nav-link active" href="/rankinglist.html">排行榜</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="/admin/menusmanage.html">菜品管理</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="/background.html">订单管理</a>
    </li>
</ul>

<div class="container p-5">
    <div class="card">
        <div class="card-header">
            <h1 class="card-title">菜品排行榜</h1>
        </div>
        <div class="card-body">
            <table class="table table-hover">

                <thead class="table-dark">
                <tr>
                    <th>菜名</th>
                    <th>点餐次数</th>
                </tr>
                </thead>

                <tr th:each="menu:${rankinglist}">
                        <td th:text="${menu.mName}"></td>
                        <td th:text="${menu.mCount}"></td>
                </tr>
            </table>

        </div>

        <div class="card-footer">
            简单点餐系统105
        </div>

    </div>
</div>

</body>
</html>